<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet" />
<link href="assets/css/front/listCommonStyle.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<style>
	.iconchange1 .fa{
		color: #2a6496;
		font-size: 12px!important;
	}
	.businessBtns .basicInfoBtnt:nth-child(2){
		background-color: #23a8f5!important;
		color: #fff!important;
	}
	.businessBtns .basicInfoBtnt:nth-child(1){
		background-color: #fff!important;
		color: #4a647d!important;
	}
</style>
<div class="row margin-left-10">
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<div class="widget flat margin-top-0" style="margin: -10px 0 0px 0!important;">
			<div class="widget-header bordered-sky theme-bordered nopadding">
				<div class="widget-buttons widget-label nomargin-bottom">
					<label class="businessBtns">
						<ol class="breadcrumb" style="margin: 0;">
							<li style="color: #809fa6;">历史会员</li>
							<li class="active" style="color: #23a8f5;">过渡历史会员</li>
						</ol>
					</label>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 margin-bottom-10">
		<div class="widget searchCriteria flat margin-top-0" style="margin: -7px 0 0px 0!important;">
			<div class="widget-header bordered-sky theme-bordered nopadding">
				<div class="widget-buttons widget-label nomargin-bottom margin-top-10">
					<label class="businessBtns">
                        <@hp code="QZLSHY34474809851698-qz_history_member_package"  params="[packageType=1]" />
                        <@hp code="QZLSHY34474809851698-gd_history_member_package"  params="[packageType=2]" />
					</label>
					<label class="pull-right businessBtns">
						<label class="margin-right-20">
							<a style="border-radius: 0px;border: none;background: #23a8f5 !important;margin-right: 25px;"
							   class="btn btn-blue shiny download"><i class="fa fa-download"></i>导入</a>
							<a style="border-radius: 0px;border: none;background: #23a8f5 !important;margin-right: 25px;"
							   class="btn btn-blue shiny download" onclick="exportData('${searchFormId}','MemberInformation.xlsx')"><i class="fa fa-download"></i>导出</a>
							<a style="border-radius: 0px;border: none;background: #ffab00 !important;"
							   class="btn btn-warning shiny search "><i class="fa fa-search"></i>搜索
							</a>
						</label>
						<label onclick="iconsChange()" >
							<label>
								<a class="iconsChangeA" style="width: 13px;height: 13px;cursor: pointer;background: url('assets/img/nav-img/icon_hidden.png');display: block;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;" value="1"></a>
							</label>
							<label style="color: #23a8f5 ;vertical-align: middle;padding-top:4px;">
								<span class="iconsChangeSpan" style="-webkit-user-select:none; cursor: pointer;-moz-user-select:none; -ms-user-select:none;user-select:none;">隐藏搜索栏</span>
							</label>
						</label>
					</label>
				</div>
			</div>
		</div>
	</div>
	<!-- 映射列表 -->
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<div class="search_Bar" style="vertical-align: middle">
			<form id="${searchFormId}" action="${actionUrl}" class="searchConditions" method="POST">
				<input type="hidden" value="2" name="type"/>
				<input type="hidden" value="6" name="status"/>
				<div class="row searchInput" style="margin: 0;">
					<label class="iconchange1 hidden" style="position: absolute;right: 10px;top: 0px;" >
						<a class="search_Bar_A" id="iconchangemore" style="color: #2a6496;cursor: pointer;" onclick="iconchangeShow(this)" value="1">筛选更多<i class="fa fa-chevron-down" style="padding-left: 5px"></i></a>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">会员姓名：</label>
						<label>
							<input type="text" name="name" value="${search_map.name[0]}"
								   style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">会员昵称：</label>
						<label>
							<input type="text" name="nickName" value="${search_map.nickName[0]}"
								   style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">联系电话：</label>
						<label>
							<input type="text" name="contactPhone" value="${search_map.contactPhone[0]}"
								   style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">会员年龄：</label>
						<label>
							<select class="form-select-1" style="width: 90px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;padding-left: 0px!important;padding-right: 0px!important;" name="age_begin" >
								<@dictionary groupCode="stuAge";dics>
								<#list dics as dic>
									<option value="${dic.code}">${dic.value}</option>
								</#list>
							</@dictionary>
							</select>
							至
							<select class="form-select-1" style="width: 90px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;padding-left: 0px!important;padding-right: 0px!important;" name="age_end" >
								<@dictionary groupCode="stuAge";dics>
								<#list dics as dic>
									<option value="${dic.code}">${dic.value}</option>
								</#list>
							</@dictionary>
							</select>
					</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">可用课时包：</label>
						<select class="form-select-1" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;" name="usableTotal" >
							<@dictionary groupCode="usableTotal";dics>
							<#list dics as dic>
							<option value="${dic.code}">${dic.value}</option>
						</#list>
					</@dictionary>
					</select>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">所属顾问：</label>
						<label>
							<select id="realName"  class="form-select-1" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;" name="realName">
							</select>
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">会员生日：</label>
						<label>
							<input id="d4313" type="text" name="birthdayDate_begin" class="beginValue Wdate" value="${search_map.birthdayDate_begin[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4314\')}',dateFmt:'MM-dd'})" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;"> 至
							<input id="d4314"  type="text" name="birthdayDate_end" class="endValue Wdate"  value="${search_map.birthdayDate_end[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4313\')}',dateFmt:'MM-dd'})" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">报班状态：</label>
						<select class="form-select-1" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;" name="isAttendClass" >
							<option value="">请选择</option>
							<option value="true">是</option>
							<option value="false">否</option>
						</select>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">延期次数：</label>
						<select class="form-select-1" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;" name="postponeTime" >
							<@dictionary groupCode="postponeTime";dics>
							<#list dics as dic>
							<option value="${dic.code}">${dic.value}</option>
						</#list>
					</@dictionary>
					</select>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">加减课时：</label>
						<select class="form-select-1" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;" name="isAddSubtract" >
							<option value="">请选择</option>
							<option value="true">是</option>
							<option value="false">否</option>
						</select>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">报名状态：</label>
						<select class="form-select-1" style="width: 200px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;" name="applyStatus" >
							<@dictionary groupCode="applyStatus";dics>
							<#list dics as dic>
							<option value="${dic.code}">${dic.value}</option>
						</#list>
					</@dictionary>
					</select>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">报名日期：</label>
						<label>
							<input id="d4315" type="text" name="turnIntoMemberDate_begin" class="beginValue Wdate" value="${search_map.turnIntoMemberDate_begin[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4316\')}',dateFmt:'yyyy-MM-dd'})" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;"> 至
							<input id="d4316"  type="text" name="turnIntoMemberDate_end" class="endValue Wdate"  value="${search_map.turnIntoMemberDate_end[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4315\')}',dateFmt:'yyyy-MM-dd'})" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">报班日期：</label>
						<label>
							<input id="d4317" type="text" name="attendTime_begin" class="beginValue Wdate" value="${search_map.attendTime_begin[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4318\')}',dateFmt:'yyyy-MM-dd'})" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;"> 至
							<input id="d4318"  type="text" name="attendTime_end" class="endValue Wdate"  value="${search_map.attendTime_end[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4317\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="min-width: 91px">剩余课时总数：</label>
						<label>
							<input type="text" name="surplusTotalClassHours_begin" value="${search_map.surplusTotalClassHours_begin[0]}"
								   style="width: 89px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
							至
							<input type="text" name="surplusTotalClassHours_end" value="${search_map.surplusTotalClassHours_end[0]}"
								   style="width: 89px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">激活剩余有效期：</label>
						<label>
							<input type="text" name="surplusActivateValidDate_begin" value="${search_map.surplusActivateValidDate_begin[0]}"
								   style="width: 89px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
							至
							<input type="text" name="surplusActivateValidDate_end" value="${search_map.surplusActivateValidDate_end[0]}"
								   style="width: 89px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="min-width: 91px">剩余激活课时：</label>
						<label>
							<input type="text" name="surplusActivateClassHours_begin" value="${search_map.surplusActivateClassHours_begin[0]}"
								   style="width: 89px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
							至
							<input type="text" name="surplusActivateClassHours_end" value="${search_map.surplusActivateClassHours_end[0]}"
								   style="width: 89px;height: 30px;border: 1px solid #c6d5d8;border-radius: 4px !important;">
						</label>
					</label>

				</div>
			</form>
		</div>

		<div class="widget flat radius-bordered" style="margin-top: 0px;box-shadow:0px 0px 10px rgba(122,161,184,0.3);">
			<div class="widget-body no-padding">
				<div class="topPagingBar hidden">
					${pagingBar}
				</div>
				<div class="table-scrollable" style="border: none;">
					<!-- 数据表列信息列表 -->
					<table class="table table-hover dataTable newtable">
						<thead>
						<tr>
							<th title="选择" class="checkboxColumnTh">
								<div class="checkbox">
									<label>
										<input type="checkbox" class="chkAll">
										<span class="text"></span>
									</label>
								</div>
							</th>
							<th title="属性名">序号</th>
							<th>操作项</th>
							<th title="会员姓名">会员姓名</th>
							<th title="会员年龄">会员年龄</th>
							<th title="会员生日">会员生日</th>
							<th title="联系电话">联系电话</th>
							<th title="报名状态">报名状态</th>
							<th title="报班状态">报班状态</th>
							<th title="可用课时包">可用课时包</th>
							<th title="剩余课时">剩余课时</th>
							<th title="剩余有效期">剩余有效期</th>
							<th title="所属顾问">所属顾问</th>
							<th title="报名日期">报名日期</th>
							<th title="操作人">操作人</th>
						</tr>
						</thead>
						<tbody>
						<#if page_bean.list?size==0>
							<tr>
								<td align="center">无数据</td>
							</tr>
						</#if>
						<#list page_bean.list as data>
							<tr>
								<td class="checkboxColumnTd">
									<div class="checkbox">
										<label>
											<input type="checkbox" class="chk"  name="ck" value="${data.id}">
											<span class="text"></span>
										</label>
									</div>
								</td>
								<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
								<td align="center">
									<@hp code="QZLSHY34474809851698-list_turn_recover_gd"  params="[serializeNum=${serializeNum},targetDataId=${data.memberId},targetName=${data.name},packageName=${data.packageName}]" />
								</td>
								<td serializeNum="${serializeNum}" class="detailTd" style="color: #2679b8;cursor: pointer"
									targetDataId="${data.memberId}" flag="1" type="1">
									${(data.name???string(data.name?html,"未设置"))!'未设置'}
								</td>
								<td>${(data.age???string(data.age?html,"未设置"))!'未设置'}</td>
								<td>${(data.birthdayDate???string(data.birthdayDate?html,"未设置"))!'未设置'}</td>
								<td>${(data.contactPhone???string(data.contactPhone?html,"未设置"))!'未设置'}</td>
								<td> <@dictionary groupCode="applyStatus" dictionaryCode="${data.applyStatus}" ;applyStatus>${applyStatus.value }</@dictionary></td>
								<td>${data.isAttendClass?string("是","否")}</td>
								<td><a onclick="showDialogByUsableTotalDetail(this)" serializeNum="${serializeNum}"
									   memberId="${data.memberId}">${(data.usableTotal???string(data.usableTotal?html,"未设置"))!'未设置'}
								</a></td>
								<td>
									${(data.surplusTotalClassHours???string(data.surplusTotalClassHours?html,"未设置"))!'未设置'}
								</td>
								<td>
									${(data.surplusActivateClassHours???string(data.surplusActivateClassHours?html,"未设置"))!'未设置'}
								</td>
								<td>
									${(data.surplusActivateValidDate???string(data.surplusActivateValidDate?html,"未设置"))!'未设置'}
								</td>
								<td>
									${(data.postponeTime???string(data.postponeTime?html,"未设置"))!'未设置'}
								</td>
								<td>${data.isAddSubtract?string("是","否")}</td>
								<td>${(data.realName???string(data.realName?html,"未设置"))!'未设置'}</td>
								<td>${(data.turnIntoMemberDate???string(data.turnIntoMemberDate?html,"未设置"))!'未设置'}</td>
								<td>${(data.userName???string(data.userName?html,"未设置"))!'未设置'}</td>
							</tr>
						</#list>
						</tbody>
					</table>
				</div>
				${pagingBar}
			</div>
		</div>



	</div>
</div>
<script>
$(".selectpicker").select2();

/**
 * 请求列表
 * @param that
 */
function requestHistoryPackageList(that) {
    var type = $(that).attr("packageType");
    javascript:toView('tssMemberPackageController/tssMemberPackageList.do?type='+type+'&status=6', true, 'POST', {pageSize: 10})
}

/**
 * 转会员
 * @param that
 */
function showTurnHistory(that){
    var handleContent = $(that).attr("packageName")+"转恢复";
    var targetdataId = $(that).attr("targetDataId");
    var targetName = $(that).attr("targetName");
    var serializeNum = $(that).attr("serializeNum");
    getTopWin().bootbox.dialog({
        title: '<i class="fa fa-lock red"></i>&nbsp;&nbsp;亲子转历史',
        message: '您确定要将过渡历史会员'+targetName+'转恢复到过渡会员',
        closeButton: true,
        buttons : {
            "确定" : {
                className : "btn-blue",
                callback : function() {
                    ajaxRequest("tssStudentController/updateStatus.do",{
                        serializeNum:serializeNum,
                        targetDataId:targetdataId,
                        handleContent:handleContent,
						status:1
                    },function(result){
                        alert("恢复会员成功");
                        if(result.resCode==200){
                            bootbox.hideAll();
                        }
                    },function(){
                        ajaxError("加载页面失败!")
                    },"post","html")
                }
            },
            "取消" : {
                className : "btn-blue",
                callback : function() {
                    return false;
                }
            }
        }
    });
}



/**
 * 全选反选
 * */
function chkAll(){
    var ids;
    $("[name='id']").each(function(){
        if($(this).attr("checked", true)){
            $(this).attr("checked", false);
        } else{
            $(this).attr("checked", true);
        }
    });
}

/**
 * 导出数据
 * @param formId 条件表单id
 * @param templateName 导出的文件名
 */
function exportData(formId, templateName) {
    var ids = "";
    $("[name='ck']:checked").each(function(){
        ids += "," +$(this).val();
    });
    ids = ids.substring(1);

    var params = $("#" + formId).serialize();
    var exportIframe = ' <iframe class="hidden" id="exportIframe" name="exportIframe"></iframe>';
    var exportSrc ="tssMemberPackageController/exportExcleHistory.do";
    var $exportForm = $('<form method="post" target="exportIframe" action="' + exportSrc + '" id="exportForm"></form>');
    $("#" + formId).find("input").map(function (i, input) {
        var $input = $(input);
        var name = $input.attr("name");
        var val = $input.val();
        if (name) {
            $exportForm.append('<input type="hidden" name="' + name + '" value="' + val + '">');
        }
    });

    //追加参数
    $exportForm.append('<input type="hidden" name="ids" value="'+ids+'">');
    $exportForm.append('<input type="hidden" name="templateName" value="' + templateName + '">');
    $exportForm.append('<input type="hidden" name="loginAdminUserId" value="${loginUserId}">');

    /**
     * 定义标识
     * @param flag:代表有无条件参数
     * @param type:会员类型(1:亲子会员,2:过渡会员,3:亲子历史会员,4:过渡历史会员)
     * */
    var flag = 0;
    var type = 2;
    var stuId = $("[name='stuId']").val();
    var stuName = $("[name='name']").val();

    if (stuId != ""){
        $exportForm.append('<input type="hidden" name="stuId" value='+stuId+'>');
        flag = 1;
    }
    if (stuName != ""){
        $exportForm.append('<input type="hidden" name="stuName" value='+stuName+'>');
        flag = 1;
    }
    $exportForm.append('<input type="hidden" name="flag" value='+flag+'>');
    $exportForm.append('<input type="hidden" name="type" value='+type+'>');

    //删除并提交表单
    $("body #exportIframe").remove();
    $("body #exportForm").remove();
    $("body").append(exportIframe);
    $("body").append($exportForm);
    $exportForm.submit();
};

//    隐藏显示搜索
function iconsChange() {
    if($(".iconsChangeA").val()==1){
        $(".iconsChangeA").val("0");
        $(".iconsChangeA").css("background","url('assets/img/nav-img/icon_hidden.png')");
        $(".iconsChangeSpan").html("隐藏搜索栏");
        $(".search_Bar").removeClass("hidden");
    }else{
        $(".iconsChangeA").val("1");
        $(".iconsChangeA").css("background","url('assets/img/nav-img/icon_show.png')");
        $(".iconsChangeSpan").html("显示搜索栏");
        $(".search_Bar").addClass("hidden");
    }
}

//    筛选下拉框
setTimeout(function () {
    var size = $(".search_Bar_item").size();
    if (size > 8) {
        $(".iconchange1").removeClass("hidden");
        $(".search_Bar_item").each(function () {
            var index = $(this).index();
            if (index <= 8) {
                $(this).removeClass("hidden")
            }

        })
    } else {
        $(".iconchange1").addClass("hidden");
        $(".search_Bar_item").each(function () {
            $(this).removeClass("hidden")
        })
    }

    $(".iconDialogTd").each(function (tr,trItem) {
        var $tr = $(trItem);
        var sizeTd = $tr.find(".showDialogTd").size();
        if(sizeTd>5){
            $tr.find(".iconchangeTd").removeClass("hidden");
            $tr.find(".showDialogTd").each(function (a,aItem) {
                var $a = $(aItem);
                if(($a.index()+1)>5){
                    var html = $a.get(0);
                    $a.remove();
                    $tr.find(".popover-content").get(0).append(html);
                    $a.addClass("appendTdA")

                }
            })

        }else{
            $tr.find(".iconchangeTd").addClass("hidden");
            $tr.find(".showDialogTd").each(function () {
                $tr.removeClass("hidden");
            })
        }
    })

}, 10)

function iconchangeShow(that) {

    if($(that).attr("value")==1){
        $(that).attr("value","0");
        $(".iconchange1 .fa").removeClass("fa-chevron-down").addClass("fa-chevron-up");
        $(".search_Bar_item").each(function () {
            $(this).removeClass("hidden")
        })
    }else{
        $(that).attr("value","1");
        $(".iconchange1 .fa").removeClass("fa-chevron-up").addClass("fa-chevron-down");
        $(".search_Bar_item").each(function () {
            var index = $(this).index();
            if (index <= 8) {
                $(this).removeClass("hidden")
            }else{
                $(this).addClass("hidden")
            }

        })
    }

}

</script>
<script>
    $(function(){
        ajaxRequest("sysAdminUserController/getPostListByDuty.do",{
            duty:1
        }, function (result) {
            var data=result.data;
            var arr=['']; //<option value="0">请选择</option>
            for (var i = 0; i< data.length; i++) {
                arr.push('<option value="'+data[i].id+'">'+data[i].realName+'</option>')
            }
            $("#realName").html(arr.join(''))
        },function(){
            ajaxError("加载员工信息失败");
        }, "post","json")
    });
    $(".selectpicker_${serializeNum}").select2();
    $("#editForm_${serializeNum}").bind("ajaxSubmitCallback", function (event, result) {
        if (result.resCode == 200) {
            bootbox.hideAll();
        }
    });
</script>